<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<div style="float:left;padding-top:5px; height:auto; width:20%;min-width:230px; padding-left:8px">
    <!-- Shopping Cart -->
    <div style="padding-top:10px; background-color:#f4efef; padding-left:6px; padding-bottom:6px">
        <h3>TRUY CẬP NHANH</h3>
        <hr style="width:100%;border-bottom: #999 1px solid; border-top:none; height:1px"/><br/>
        <img alt=""  src="images/cart.png" align="middle" /><b><span class="linkitem"> <a href="GioHang.htm">Xem giỏ hàng </a></span></b><br />

        <img alt=""  src="images/payment.png" align="middle" /> <b><span class="linkitem"> <a href="ThongTinKhachHang.htm"> Thanh toán</a></span></b>  <br /><br />

        <p><em>Bạn có ${requestScope.soLuongSpTrongGios} mục hàng trong giỏ. Tổng số tiền hàng là <b>${requestScope.tongGiaTienSPTrongGios}</b> VNÐ . <strong>Mời bạn chọn mua hàng</strong></em></p>
    </div>

    <p>&nbsp;</p>
    <!-- End Shopping Cart-->

    <!-- Submit Order Amazon -->
    <div style="padding-top:10px; padding-left:6px; padding-bottom:6px">
        <a href="http://nganluong.vn">
            <img alt=""  src="images/200x120_v.gif" align="middle" width="235" height=100/>
        </a>
        <br/><br/>
        <h3>ÐẶT HÀNG THEO YÊU CẦU</h3>
        <hr style="width:100%;border-bottom: #999 1px solid; border-top:none; height:1px"/><br/>
        <p><em>Chúng tôi có thể tìm sách theo yêu cầu của bạn với những tựa sách nào Minh Khai chưa có.Bạn hãy nhập địa chỉ email liên hệ và tựa sách chúng tôi sẽ tìm sách giúp bạn </em></p><br /> <span class="linkitem"> <a href="#"> <b>Click vào dây</b></a></span>
    </div>
    <p>&nbsp;</p>
    <!-- End Submit Order Amazon-->

    <!-- Hang Doc Quyen -->
    <div style="padding-top:10px; background-color:#f4efef; padding-left:6px; padding-bottom:6px; border-left-color:#666; border-left:1px">

        <h3>HÀNG ÐỘC QUYỀN</h3>
        <hr style="width:100%;border-bottom: #999 1px solid; border-top:none; height:1px"/><br/>
        <table>
            <tr><td><img src="http://www.minhkhai.vn/hinhlon/8935087501718.jpg"  class="frameSmall"/></td>
                <td valign="top"> <span class="linkitem"> <a href="index.aspx?q=view&isbn=8935087501718">Triển Khai Thư Điện Tử Với Microsoft Exchange Server </a></span></td></tr>
        </table>
        <!--MỖI QUYỂN SÁCH LÀ MỘT TABLE-->
        <br/>
        <span class="linkitem"><b><a href="#"> Xem tiếp &#187;</a></b></span>
    </div>
    <p>&nbsp;</p>
    <!--End Hang DOc QUyen-->

    <!-- Hang Ban Chay-->
    <div style="padding-top:10px; background-color:#f4efef; padding-left:6px; padding-bottom:6px; border-left-color:#666; border-left:1px">

        <h3>HÀNG BÁN CHẠY</h3>
        <hr style="width:100%;border-bottom: #999 1px solid; border-top:none; height:1px"/><br/>
        <c:forEach var="sanPhamBanChay" items="${requestScope.listSanPhamBanChayNhats}">
            <table>
                <tr><td><img src="${sanPhamBanChay.hinhAnhMinhHoa}"  class="frameSmall" /></td><td valign="top"> <span class="linkitem"> <a href="ChiTietSanPham.htm?ISBN=${sanPhamBanChay.ISBN}">${sanPhamBanChay.tenSanPham} </a></span></td></tr>
            </table>
        </c:forEach>
        <!--MỖI QUYỂN SÁCH LÀ MỘT TABLE-->
        <br/>
        <span class="linkitem"><b><a href="TimKiemSanPham.htm?bookKind=1"> Xem tiếp &#187;</a></b></span>
    </div>
    <p>&nbsp;</p>
    <!--End Hang Ban Chay-->

    <!-- Hang Moi -->
    <div style="padding-top:10px; background-color:#f4efef; padding-left:6px; padding-bottom:6px; border-left-color:#666; border-left:1px">

        <h3>HÀNG MỚI</h3>
        <hr style="width:100%;border-bottom: #999 1px solid; border-top:none; height:1px"/><br/>
        <table>
            <c:forEach var="sanPham" items="${requestScope.listSanPhams}">
                <tr>
                    <td>
                        <img src="${sanPham.hinhAnhMinhHoa}"  class="frameSmall"/>
                    </td>
                    <td valign="top">
                        <span class="linkitem">
                            <a href="ChiTietSanPham.htm?ISBN=${sanPham.ISBN}">${sanPham.tenSanPham}</a>
                        </span>
                    </td>
                </tr>
            </c:forEach>
        </table>
        <!--M?i sách n?m trong m?t table-->
        <br/>
        <span class="linkitem"><b><a href="TimKiemSanPham.htm?bookKind=2"> Xem tiếp &#187;</a></b></span>
    </div>
    <p>&nbsp;</p>
    <!--End Hang Moi-->

    <!-- Hang Sap Phat Hanh -->
    <div style="padding-top:10px; background-color:#f4efef; padding-left:6px; padding-bottom:6px; border-left-color:#666; border-left:1px">
        <h3>HÀNG SẮP PHÁT HÀNH</h3>
        <hr style="width:100%;border-bottom: #999 1px solid; border-top:none; height:1px"/><br/>
        <c:forEach var="sanPham" items="${requestScope.listSapPhatHanhs}">
            <table>
                <tr><td><img alt=""  src="${sanPham.hinhAnhMinhHoa}"  class="frameSmall"/></td><td valign="top"> <span class="linkitem"> <a href="ChiTietSanPham.htm?ISBN=${sanPham.ISBN}">${sanPham.tenSanPham} </a></span></td></tr>
            </table>
        </c:forEach>
        <br/>
        <span class="linkitem"><b><a href="TimKiemSanPham.htm?bookKind=3"> Xem tiếp &#187;</a></b></span>
    </div>
    <!--End Hang Sap Phat hanh-->
</div>